

<title>后台管理员</title>
  
<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="/">主页</a>
        <a><cite>客服服务管理</cite></a>
        <a><cite>客服台账</cite></a>
    </div>
</div>

<div class="layui-fluid">   
  <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-customer-formlist">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">项目名称</label>
                <div class="layui-input-block">
                    <select name="software_product_id" id="software_product_id">
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">内容搜索</label>
                <div class="layui-input-block">
                    <input type="text" name="feedback_content" id="feedback_content" placeholder="请输入反馈内容" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-customer-back-search">
                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                </button>
            </div>
        </div>
    </div>
    
    <div class="layui-card-body">
      <div style="padding-bottom: 10px;">
        <button class="layui-btn layuiadmin-btn-admin" data-type="batchdel">删除</button>
        <button class="layui-btn layuiadmin-btn-admin" data-type="add">添加</button>
      </div>
      
      <table id="LAY-customer-back-manage" lay-filter="LAY-customer-back-manage"></table>
      <script type="text/html" id="table-customer-admin">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
      </script>
    </div>
  </div>
</div>

<script>
layui.use('customer', layui.factory('customer')).use(['admin', 'customer', 'table'], function(){
  var $ = layui.$
  ,admin = layui.admin
  ,view = layui.view
  ,table = layui.table
  ,form = layui.form;
  
  form.render(null, 'layadmin-customer-formlist');

  $.ajax({
      type:'post',
      url:layui.setter.apiUrl+'/admin/software_product/find_software_product_list',
      data:'',
      dataType:'json',
      async:true,
      success:function(json){ 
        var software_product_id = $('#software_product_id').val();
          var option = '<option value="">请选择</option>';  //默认值
          if(json.data.length > 0){
              for(var i=0;i<json.data.length;i++){ 
                  //循环获取返回值，并组装成html代码
                  if(software_product_id == json.data[i].id){
                    option +="<option value='"+json.data[i].id+"' selected>"+json.data[i].product_name+"</option>";
                  }else{
                    option +="<option value='"+json.data[i].id+"'>"+json.data[i].product_name+"</option>";
                  }
              }
          }
          $("#software_product_id").html(option);
          form.render('select');
      },
  });

  //监听搜索
  form.on('submit(LAY-customer-back-search)', function(data){
    var field = data.field;
    
    //执行重载
    table.reload('LAY-customer-back-manage', {
      where: field
    });
  });

  //事件
  var active = {
    batchdel: function(){
      var checkStatus = table.checkStatus('LAY-customer-back-manage')
      ,checkData = checkStatus.data; //得到选中的数据

      if(checkData.length === 0){
        return layer.msg('请选择数据');
      }
      var ids = [];   //声明数组
        for (var i = 0; i < checkData.length; i++) {
            ids.push(checkData[i].id);
        }
      
    layer.confirm('确定删除吗？', function(index) {
      
      //执行 Ajax 后重载
      $.ajax({
            type:'post',
            dataType:'json',
            data:{ "id": ids.join(',') },
            url: layui.setter.apiUrl+"/admin/customer_service/del_customer_service",
            success:function(json){

                if (json.code == 0) {
                    layer.msg(result.msg, {icon:6, time:1500}, function() {
                        table.reload('LAY-customer-back-manage');
                    }) 
                } else {
                    layer.msg(json.msg, { icon: 5, time:1500});
                }
            }
        });
      table.reload('LAY-customer-back-manage');
      layer.msg('已删除');
    });
    }
    ,add: function(){
      admin.popup({
        title: '添加客服台账'
        ,area: ['500px', '700px']
        ,id: 'LAY-popup-customer-add'
        ,success: function(layero, index){
          view(this.id).render('customer/customerform').done(function(){
            form.render(null, 'layuiadmin-form-admin');
            
            //监听提交
            form.on('submit(LAY-customer-back-submit)', function(data){
              var field = data.field; //获取提交的字段

                //提交 Ajax 成功后，关闭当前弹层并重载表格
                $.ajax({
                    type:'post',
                    dataType:'json',
                    data:field,
                    url: layui.setter.apiUrl+"/admin/customer_service/save_customer_service",
                    success:function(json){
                        if (json.code == 0) {
                            layer.msg(json.msg, {icon:6, time:1500});
                            layui.table.reload('LAY-customer-back-manage'); //重载表格
                            layer.close(index); //执行关闭 
                        } else {
                            layer.msg(json.msg, { icon: 5, time:1500});
                        }
                    }
                });
            });
          });
        }
      });
    }
  }  
  $('.layui-btn.layuiadmin-btn-admin').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
});
</script>